<template>
	<view class="strategyDetails">
		<topTitle :title="$t('strategyDetails.strategyDetails')" />
		<view class="com">
			<view>
				  <view>{{ $t('quantitativeRecords.multi_factor_hedging') }}</view>
				  <view>{{ $t('quantitativeRecords.perpetual_contract_strategy') }}</view>
			</view>
			<view>
				  <view>{{ $t('quantitativeRecords.quant_platform') }}</view>
				<view>
					<view>
						<view>
							<image src="@/static/image/coin/2.png" mode="widthFix" />
						</view>
						<view>Huobi</view>
					</view>
					<view>
						<view>
							<image src="@/static/image/coin/3.png" mode="widthFix" />
						</view>
						<view>Binance</view>
					</view>
					<view>
						<view>
							<image src="@/static/image/coin/4.png" mode="widthFix" />
						</view>
						<view>Coinbase</view>
					</view>
					<view>
						<view>
							<image src="@/static/image/coin/5.png" mode="widthFix" />
						</view>
						<view>OKX</view>
					</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script setup lang="ts">
import { ref, reactive } from "vue";
</script>
<style scoped lang="scss">
@import "../../static/scss/quantification.scss";
</style>